﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<title>Jazz Standards</title>
	<style type="text/css">
		body{font-family: Verdana, Arial, Sans-Serif;}
	</style>
	
	<script type="text/javascript" src="lib/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="lib/html.js"></script>
	
	<link rel="stylesheet" type="text/css" href="groove.css"/>
	<script type="text/javascript" src="groove.js"></script>
	<script type="text/javascript">
		new Groove("Satin Doll", "C dur", {
			Verse: "2/5x;*;3/6x;*;6/2x;b6/b2x;1;*",
			Bridge:"5m/1x;*;4;*;6/2x;*;2;6+"
		}, "sheetmusic/satin_doll.png");
		new Groove("Green Dolphin Street", "Es dur", {
			"Verse":"1;*;1m;*;2x;*;1;*",
			"Bridge 1":"2;5;1;5m/1x;4;b7x;b3M;2/5",
			"Bridge 2":"2;7m/3x;6;4m/7x;3/6;2/5;1;1(2/5)"
		});
		new Groove("In A Sentimental Mood", "F dur", {
			Verse: "6;6/6x;2;2/3x;6;6x;2/5;1",
			Bridge:"[bVI] 1/6;2/5;1/6;2x/5;1/6;2/5;[I] 5;5"
		});
		new Groove("Take The A-Train", "C dur", {
			Verse: "1;*;2x;*;2;5;1;2/5",
			Bridge:"4;*;*;*;2x;*;2;5"
		}, "sheetmusic/take_the_a-train.png");
		new Groove("St. James Infirmary", "D moll", {
			Verse: "1/5x;1;1/4;5x;1/5;1/4;6x/5+;1/5x"
		});
		new Groove("Summertime", "G moll", {
			Verse: "1/5x;*;*;1/1x;4/7x;3x/6x;2;5x",
			"...": "1/5x;*;*;4/7x;3M/1;6x/5+;1/5x;*"
		});
	</script>
</head>
<body>
	<h1>Jazz Standards</h1>
	
</body>
</html>